<template>
	<view class="box">
		<view class="top1" :style="'padding-top:' + statusBarHeight1 + 'px'">
			<view class="title">我的</view>
			<view class="userInfo">
				<div class="flex user-photo" @click="set">
					<image :src="userInfo.image || 'https://pic.bangbangtongcheng.com/static/my/header.png'" class="header-img" />
					<div class="flex label-box">
						<div class="shop-label" v-if="userInfo.isShop == 1">
							<image src="https://pic.bangbangtongcheng.com/static/my/tag.png" mode=""></image>
							<text>商家</text>
						</div>
						<template v-if="userInfo.businessType == 1">
							<div class="agent-label" v-if="userInfo.isAgent == 1 && userInfo.shopType != 2">
								<image src="https://pic.bangbangtongcheng.com/static/my/tag.png" mode=""></image>
								<text>经纪人</text>
							</div>
						</template>
						<template v-else>
							<div class="agent-label" v-if="userInfo.isAgent == 1 && userInfo.shopType != 3 && userInfo.shopType != 4">
								<image src="https://pic.bangbangtongcheng.com/static/my/tag.png" mode=""></image>
								<text>经纪人</text>
							</div>
						</template>
						<div class="shop-label"
							v-if="userInfo.isShop == 0 && userInfo.isAgent == 0 && userInfo.enterpriseRecruitmentStatus == 1">
							<image src="https://pic.bangbangtongcheng.com/static/my/tag.png" mode=""></image>
							<text>企业</text>
						</div>
						<div class="shop-label"
							v-if="userInfo.isShop == 0 && userInfo.isAgent == 0 && userInfo.enterpriseRecruitmentStatus == 0">
							<image src="https://pic.bangbangtongcheng.com/static/my/tag.png" mode=""></image>
							<text>个人</text>
						</div>
					</div>
				</div>
				<!-- #ifdef APP-PLUS -->
				<view class="user" v-if="userInfo.phone">
					<view class="name">
						<view class="user-name" v-if="userInfo.nikeName" @click="set">{{ userInfo.nikeName }}</view>
						<view class="user-names" @click="modify" v-else>
							<span>暂未设置昵称</span>
							<image class="image" src="https://pic.bangbangtongcheng.com/static/bbcz/xg_name01.png" mode=""></image>
						</view>
						<view class="user-label">
							<view class="vip-label">
								<!-- <view class="vip-level">
									<text class="vip-rank" @click="goMyLevel"
										:style="{color: colors[userInfo.memberLevel-1].wordColor,backgroundColor: colors[userInfo.memberLevel-1].bgColor,borderColor:colors[userInfo.memberLevel-1].lineColor}">
										{{userInfo.memberLevelTitle}}
									</text>
									<text class="all-dot">累计帮帮豆：{{userInfo.integral}}</text>
								</view> -->
								<view class="star-vip">
									<view class="">
										<u-rate :value="userInfo.score" :readonly="true" activeColor="#FCDB81" inactiveColor="#fff">
										</u-rate>
									</view>
								</view>
							</view>
						</view>
					</view>
					<!-- <view class="info" @click.stop="set">我的认证</view> -->
				</view>
				<view class="user" @click="login" v-else>
					<view class="name">
						<view class="user-name">点击登录</view>
						<!-- <view class="info" @click.stop="set">我的认证</view> -->
					</view>
				</view>
				<!-- #endif -->
				<!-- #ifdef MP-WEIXIN -->
				<!-- @click='login' -->
				<button class="user" v-if="!userInfo.phone" @click="getuserinfo">
					<view class="name">
						<view class="user-name">点击登录</view>
						<!-- <view class="info" @click="geren">我的认证</view> -->
					</view>
				</button>
				<view class="user" v-else>
					<view class="name">
						<view class="user-name" v-if="userInfo.nikeName" @click="set">{{ userInfo.nikeName }}</view>
						<view class="user-names" @click="modify" v-else>
							<span>暂未设置昵称</span>
							<image class="image" src="https://pic.bangbangtongcheng.com/static/bbcz/xg_name01.png" mode=""></image>
						</view>
						<view class="user-label">
							<view class="vip-label">
								<!-- <view class="vip-level">
									<text class="vip-rank" @click="goMyLevel"
										:style="{color: colors[userInfo.memberLevel-1].wordColor,backgroundColor: colors[userInfo.memberLevel-1].bgColor,borderColor:colors[userInfo.memberLevel-1].lineColor}">
										{{userInfo.memberLevelTitle}}
									</text>
									<text class="all-dot">累计帮帮豆：{{userInfo.integral}}</text>
								</view> -->
								<view class="star-vip">
									<view class="">
										<u-rate :value="userInfo.score" :readonly="true" activeColor="#FCDB81" inactiveColor="#fff">
										</u-rate>
									</view>
								</view>
							</view>
						</view>
					</view>
					<!-- <view class="info" @click="set">我的认证</view> -->
				</view>
				<!-- #endif -->
				<!-- #ifdef H5 -->
				<view class="user" v-if="userInfo.phone">
					<view class="name">
						<view class="user-name" v-if="userInfo.nikeName" @click="set">{{ userInfo.nikeName }}</view>
						<view class="user-names" @click="modify" v-else>
							<span>暂未设置昵称</span>
							<image class="image" src="https://pic.bangbangtongcheng.com/static/bbcz/xg_name01.png" mode=""></image>
						</view>
						<view class="user-label">
							<view class="vip-label">
								<!-- <view class="vip-level">
									<text class="vip-rank" @click="goMyLevel"
										:style="{color: colors[userInfo.memberLevel-1].wordColor,backgroundColor: colors[userInfo.memberLevel-1].bgColor,borderColor:colors[userInfo.memberLevel-1].lineColor}">
										{{userInfo.memberLevelTitle}}
									</text>
									<text class="all-dot">累计帮帮豆：{{userInfo.integral}}</text>
								</view> -->
								<view class="star-vip">
									<view class="">
										<u-rate :value="userInfo.score" :readonly="true" activeColor="#FCDB81" inactiveColor="#fff">
										</u-rate>
									</view>
								</view>
							</view>
						</view>
					</view>
					<!-- <view class="info" @click.stop="set">我的认证</view> -->
				</view>
				<view class="user" @click="login" v-else>
					<view class="name">
						<view class="user-name">点击登录</view>
						<!-- <view class="info" @click.stop="set">我的认证</view> -->
					</view>
				</view>
				<!-- #endif -->
				<image class="set" @click="setting" src="https://pic.bangbangtongcheng.com/static/my/set.png" />
				<image v-if="userInfo.phone" @click="activity" class="activity"
					src="https://pic.bangbangtongcheng.com/0cdb75f7232043d0a322cb5507c45bdc.png" mode="scaleToFill" />
			</view>

			<!-- 帮帮会员 -->
			<view class="function" v-if="userInfo.id" style="padding-top: 24rpx; margin-bottom: 40rpx">
				<view class="bbhy_xs">
					<image class="image" :src="levelList[userInfo.memberLevel - 1].img" mode=""></image>
					<text class="vip-rank" @click="goMyLevel"
						:style="{ color: colors[userInfo.memberLevel - 1].wordColor, backgroundColor: colors[userInfo.memberLevel - 1].bgColor, borderColor: colors[userInfo.memberLevel - 1].lineColor, }">
						{{ userInfo.memberLevelTitle }}
					</text>
					<view class="accumulativeTotal">
						<view class="total">
							<span>累计获得帮帮豆：</span>{{ userInfo.integral }}
						</view>
						<view class="surplus">
							<span>当前剩余帮帮豆：</span>{{ Number(userInfo.integral) - Number(userInfo.accumulatedUsageIntegral) }}
						</view>
					</view>
				</view>
			</view>

			<view class="function">
				<view class="myManagement"> 我的管理 </view>
				<view class="grid margin-bottom text-center col-4" style="margin-bottom: 0">
					<view class="blockzbq" @click="managementClick(1)">
						<image src="https://pic.bangbangtongcheng.com/static/my/icon1.png" />
						<view>我的发布</view>
					</view>
					<view class="blockzbq" @click="managementClick(3)">
						<image src="https://pic.bangbangtongcheng.com/static/my/icon2.png" />
						<view>历史记录</view>
					</view>
					<view class="blockzbq" @click="managementClick(2)">
						<image src="https://pic.bangbangtongcheng.com/static/my/icon3.png" />
						<view>收藏关注</view>
					</view>
					<view class="blockzbq" @click="managementClick(4)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/mysmkg02.png" />
						<view>上门看过</view>
					</view>
					<!-- <template v-if="userInfo.businessType==1 && userInfo.isAgent!=0">
						<view class="blockzbq" v-if="userInfo.shopType==1" @click="managementClick(6)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/qbfy_cy.png" />
							<view>全部房源</view>
						</view>
					</template>
					<template v-else-if="userInfo.businessType==2 && userInfo.isAgent!=0">
						<view class="blockzbq" v-if="userInfo.shopType!=3 && userInfo.shopType!=4" @click="managementClick(6)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/qbfy_cy.png" />
							<view>全部车源</view>
						</view>
					</template> -->
					<template v-if="userInfo.businessType == 1">
						<view class="blockzbq" v-if="userInfo.isShop == 1 && userInfo.shopType == 1" @click="managementClick(7)">
							<image src="https://pic.bangbangtongcheng.com/static/jjrgl01.png" />
							<view>经纪人管理</view>
						</view>
					</template>
					<template v-else>
						<view class="blockzbq" v-if="userInfo.isShop == 1 && userInfo.shopType != 3 && userInfo.shopType != 4"
							@click="managementClick(7)">
							<image src="https://pic.bangbangtongcheng.com/static/jjrgl01.png" />
							<view>经纪人管理</view>
						</view>
					</template>
					<!-- <view class="blockzbq" @click="managementClick(8)">
						<image src="https://pic.bangbangtongcheng.com/static/my/icon4.png" />
						<view>问题反馈</view>
					</view> -->
					<view class="blockzbq" v-if="userInfo.isAgent == 0 && userInfo.enterpriseRecruitmentStatus != 1"
						@click="managementClick(9)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/wdwttp01.png" />
						<view>我的委托</view>
					</view>
					<!-- <template v-if="userInfo.businessType==1 && userInfo.isAgent==1">
						<view class="blockzbq" v-if="userInfo.shopType==1" @click="managementClick(10)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/wtfy01.png" />
							<view>委托房源</view>
						</view>
					</template>
					<template v-else-if="userInfo.businessType==2 && userInfo.isAgent==1">
						<view class="blockzbq" v-if="userInfo.shopType!=3 && userInfo.shopType!=4" @click="managementClick(10)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/wtcy01.png" />
							<view>委托车源</view>
						</view>
					</template> 
          <view
            class="blockzbq"
            v-if="userInfo.merchantId && !userInfo.merchantStaffId"
            @click="managementClick(12)"
          >
            <image src="https://pic.bangbangtongcheng.com/static/chy02.png" />
            <view>车会员</view>
          </view>-->
					<view class="blockzbq" v-if="userInfo.businessType == 0 && userInfo.enterpriseRecruitmentStatus == 1"
						@click="renzheng(1)">
						<image src="https://pic.bangbangtongcheng.com/static/rzwdp_s.png" />
						<view>认证为店铺</view>
					</view>
					<view class="blockzbq" v-if="(userInfo.businessType != 0 && userInfo.isShop == 1) ||
						userInfo.businessType == 0
						" @click="managementClick(13)">
						<image src="https://pic.bangbangtongcheng.com/static/bbzc/recruitTalents.png" />
						<view>招才管理</view>
					</view>
					<view class="blockzbq" @click="managementClick(11)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/clubs_1.png" />
						<view>帮友俱乐部</view>
					</view>
				</view>
			</view>
		</view>
		<view class="kapian" v-if="!userInfo" style="margin-top: 40rpx">
			<view class="li" @click="renzheng(1)">
				<image src="https://pic.bangbangtongcheng.com/static/geren_1.png" />
				<p>企业认证</p>
			</view>
			<view class="li" @click="renzheng(3)">
				<image src="https://pic.bangbangtongcheng.com/static/geren_3.png" />
				<p>销售顾问认证</p>
			</view>
		</view>
		<template v-else>
			<view class="kapian" v-if="userInfo.enterpriseRecruitmentStatus != 1" style="margin-top: 40rpx">
				<view class="li" @click="renzheng(1)" v-if="userInfo.isShop == 0 && userInfo.isAgent == 0">
					<image src="https://pic.bangbangtongcheng.com/static/geren_1.png" />
					<p>企业认证</p>
				</view>
				<view class="li" @click="renzheng(3)" v-if="userInfo.isAgent == 0">
					<image src="https://pic.bangbangtongcheng.com/static/geren_3.png" />
					<p>销售顾问认证</p>
				</view>
			</view>
		</template>
		<view class="mapbuZbc" v-if="storeApprove" @touchmove.stop.prevent="">
			<view class="mapView">
				<image src="https://pic.bangbangtongcheng.com/static/fabu_c.png" @click="storeApproveSeek(1)" />
				<p>认证房产店铺</p>
			</view>
			<view class="mapView">
				<image src="https://pic.bangbangtongcheng.com/static/bbcz/dtzc01.png" @click="storeApproveSeek(2)" />
				<p>认证汽车店铺</p>
			</view>
			<view class="mapView" v-if="userInfo.enterpriseRecruitmentStatus == 0">
				<image src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png" @click="storeApproveSeek(3)" />
				<p>认证招聘企业</p>
			</view>
			<view class="show" @click="storeApproveClose">
				<image style="width: 100%; height: 100%" src="https://pic.bangbangtongcheng.com/static/guanbi.png"></image>
			</view>
		</view>
		<!-- <view class="mapbuZbc" v-if="brokerApprove" @touchmove.stop.prevent="">
			<view class="mapView">
			  <image src="https://pic.bangbangtongcheng.com/static/fabu_c.png" @click="brokerApprovSeek(1)" />
			  <p>认证房产经纪人</p>
			</view>
			<view class="mapView">
			  <image src="https://pic.bangbangtongcheng.com/static/bbcz/dtzc01.png" @click="brokerApprovSeek(2)" />
			  <p>认证汽车销售顾问</p>
			</view>
			<view class="show" @click="brokerApproveClose">
			  <image style="width: 100%; height: 100%" src="https://pic.bangbangtongcheng.com/static/guanbi.png"></image>
			</view>
		</view> -->
		<!-- 房源/车源 -->
		<view style="margin-top: 40rpx" v-if="(userInfo.isAgent == 1 || userInfo.isShop == 1) &&
			((userInfo.businessType == 2 &&
				(userInfo.shopType == 1 || userInfo.shopType == 2)) ||
				(userInfo.businessType == 1 && userInfo.shopType == 1))
			">
			<view class="function">
				<view class="myManagement">
					{{ userInfo.businessType == 1 ? "房源" : "车源" }}
				</view>
				<view class="grid margin-bottom text-center col-4" style="margin-bottom: 0">
					<template v-if="userInfo.businessType == 1">
						<view class="block" @click="managementClick(6)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/qbfy_cy.png" />
							<view>门店房源</view>
						</view>
						<!-- <view class="block" @click="renzheng(4)">
              <image src="https://pic.bangbangtongcheng.com/static/bbcz/grfy_02.png" />
              <view>个人房源</view>
            </view>
            <view class="block" @click="renzheng(5)">
              <image src="https://pic.bangbangtongcheng.com/static/bbcz/gxfy_02.png" />
              <view>共享房源</view>
            </view> -->
						<view class="block" @click="renzheng(4)">
							<image src="https://pic.bangbangtongcheng.com/9b164974030b44828011fe0f04e6a36d.png" />
							<view>个人房源</view>
						</view>
						<view class="block" @click="renzheng(5)">
							<image src="https://pic.bangbangtongcheng.com/e58a534f9d434aaf8cfc0e6997d7d863.png" />
							<view>共享房源</view>
						</view>
						<view class="block" @click="managementClick(10)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/wtfy01.png" />
							<view>委托房源</view>
						</view>
					</template>
					<template v-else>
						<view class="block" @click="managementClick(6)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/qbfy_cy.png" />
							<view>门店车源</view>
						</view>
						<view class="block" @click="renzheng(6)">
							<image src="https://pic.bangbangtongcheng.com/static/grcy02.png" />
							<view>个人车源</view>
						</view>
						<view class="block" @click="renzheng(7)">
							<image src="https://pic.bangbangtongcheng.com/static/gxcy02.png" />
							<view>共享车源</view>
						</view>
						<view class="block" @click="managementClick(10)">
							<image src="https://pic.bangbangtongcheng.com/static/bbcz/wtcy01.png" />
							<view>委托车源</view>
						</view>
					</template>
				</view>
			</view>
		</view>
		<!-- 我的喜好 -->
		<view style="margin-top: 40rpx">
			<view class="function">
				<view class="function_top">
					<view class="function_top_xh"> 我的喜好 </view>
					<view class="function_top_zdy" @click="beFondOfClick()">
						<view class="function_top_zdy_span"> 自定义> </view>
					</view>
				</view>
				<scroll-view scroll-x @scroll="scroll">
					<view ref="likeRef" class="likeRef margin-bottom text-center col-4" style="margin-bottom: 0; display: flex">
						<view class="block xh_block" v-for="(i, j) in myHomepage" :key="i.id" @click="tiaozhuan(5, j)">
							<image :src="i.imgUrl" />
							<view>{{ i.name }}</view>
						</view>
						<view class="block xh_block" v-for="(item, index) in xzqbList" :key="item.id" @click="tiaozhuans(item)">
							<image :src="item.image" />
							<view>{{ item.name }}</view>
						</view>
					</view>
				</scroll-view>
				<view class="slidBar">
					<!-- 左边已滑过距离 -->
					<view :style="'width:' + (newzuo * 100 + '%')"></view>
					<!-- 自身滚动条 -->
					<view class="zishen" :style="'width:' + (newtest > 1 ? '100%' : newtest * 100 + '%')"></view>
				</view>
			</view>
		</view>
		<!-- 我的工具 -->
		<view style="margin-top: 40rpx">
			<view class="function">
				<view class="myManagement"> 我的工具 </view>
				<view class="grid margin-bottom text-center col-4" style="margin-bottom: 0">
					<view class="block" @click="tiaozhuan(1)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/wdxh/xxdb01.png" />
						<view>信息对比</view>
					</view>
					<view class="block" @click="tiaozhuan(2)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/wdxh/dkjsq01.png" />
						<view>贷款计算器</view>
					</view>
					<!-- <view class="block" @click="tiaozhuan(3)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/wdxh/wtpg01.png" />
						<view>委托租售</view>
					</view>
					<view class="block" @click="tiaozhuan(4)">
						<image src="https://pic.bangbangtongcheng.com/static/bbcz/wdxh/wtpg01.png" />
						<view>委托评估</view>
					</view> -->
				</view>
			</view>
		</view>
		<uni-popup ref="binds" mode="center">
			<view class="binds_frame">
				<view class="binds_frame_t">提示</view>
				<view class="binds_frame_c">您有待审核的经纪人认证申请,请及时处理</view>
				<view class="binds_frame_b">
					<view class="cancel" @click="jcbdCancel">以后处理</view>
					<view class="determine" @click="confirmReceipt">去审核</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="binds_jjrrz" mode="center">
			<view class="binds_jjrrz">
				<view class="title">
					<view class="title_left">
						<image class="title_left_image" src="https://pic.bangbangtongcheng.com/static/my_tc_wh.png" mode=""></image>
						<span class="title_left_span">请注意</span>
					</view>
					<image class="title_image" src="https://pic.bangbangtongcheng.com/static/my_tc_gb.png"
						@click="brokerApproveClose" mode=""></image>
				</view>
				<view class="tips">认证经纪人，需商家账号审核通过后，平台方能审核完成，请及时提醒商家哦!</view>
				<view class="centers">
					<view class="centers_item" @click="brokerApprovSeek(1)">
						<image class="image" src="https://pic.bangbangtongcheng.com/static/fabu_c.png" mode=""></image>
						<view class=""> 认证房产经纪人 </view>
					</view>
					<view class="centers_item" @click="brokerApprovSeek(2)">
						<image class="image" src="https://pic.bangbangtongcheng.com/static/bbcz/dtzc01.png" mode=""></image>
						<view class=""> 认证汽车销售顾问 </view>
					</view>
				</view>
			</view>
		</uni-popup>

		<uni-popup ref="bindsAdd" mode="center">
			<view class="window">
				<view class="window_top" v-if="chainMsg.shop">
					<image @click="bindsAddClose" class="window_close" src="https://pic.bangbangtongcheng.com/static/my_close.png"
						mode="scaleToFill" />
					<view class="window_title">
						{{ chainMsg.shop.shopName }}
					</view>
					<view class="window_text">
						邀请您加入连锁商家，加入后连锁商家的房源将互相共享，请谨慎选择
					</view>
					<view class="window_text">TA的留言：</view>
					<view class="text_widnow">{{ chainMsg.remarks }}</view>
					<view class="show" @click="showShop">查看已加入商家</view>
				</view>
				<view class="window_btn_box">
					<view class="window_btn" @click="shopCancel(1)">拒绝</view>
					<view class="window_btn window_btn1" @click="shopSuccess(1)">同意</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="bindsAddCar" mode="center">
			<view class="window">
				<view class="window_top" v-if="chainCarMsg.distributor">
					<image @click="bindsAddCarClose" class="window_close"
						src="https://pic.bangbangtongcheng.com/static/my_close.png" mode="scaleToFill" />
					<view class="window_title">
						{{ chainCarMsg.distributor.storeName }}
					</view>
					<view class="window_text">
						邀请您加入连锁商家，加入后连锁商家的车源将互相共享，请谨慎选择
					</view>
					<view class="window_text">TA的留言：</view>
					<view class="text_widnow">{{ chainCarMsg.remarks }}</view>
					<view class="show" @click="showShopCar">查看已加入商家</view>
				</view>
				<view class="window_btn_box">
					<view class="window_btn" @click="shopCancel(2)">拒绝</view>
					<view class="window_btn window_btn1" @click="shopSuccess(2)">同意</view>
				</view>
			</view>
		</uni-popup>
		<view class="fabuZbc" v-if="fabuZbc" @touchmove.stop.prevent="">
			<view class="fabuZbc_sj">
				<template v-if="userInfo.businessType == 1">
					<view class="fzView" v-if="userInfo.shopType != 2">
						<image src="https://pic.bangbangtongcheng.com/static/fabu_c.png" @click="fabuClick(1)" />
						<p>卖房</p>
					</view>
					<view class="fzView" v-if="userInfo.shopType != 2">
						<image src="https://pic.bangbangtongcheng.com/static/fabu_z.png" @click="fabuClick(2)" />
						<p>租房</p>
					</view>
					<view class="fzView" v-if="userInfo.isShop == '1'">
						<image src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png" @click="fabuClick(11)" />
						<p>招全职</p>
					</view>
					<view class="fzView" v-if="userInfo.isShop == '1'">
						<image src="https://pic.bangbangtongcheng.com/static/bbzc/postPartTime.png" @click="fabuClick(12)" />
						<p>招兼职</p>
					</view>
					<view class="fzView" v-if="userInfo.isShop == '1' && userInfo.shopType == '1'">
						<image src="/static/2house-info.png" @click="fabuClick(3)" />
						<p>公司资料</p>
					</view>
					<view class="fzView" v-if="userInfo.isShop == '1' && userInfo.shopType == '2'">
						<image src="/static/2house-info.png" @click="fabuClick(5)" />
						<p>楼盘轮播</p>
					</view>
					<view class="fzView">
						<image src="/static/byq01.png" @click="fabuClick(7)" />
						<p>帮友圈</p>
					</view>
				</template>
				<template v-else-if="userInfo.businessType == 2">
					<view class="fzView" v-if="userInfo.shopType == 1 || userInfo.shopType == 2">
						<image src="/static/mc01.png" @click="fabuClick(9)" />
						<p>卖车</p>
					</view>
					<view class="fzView" v-if="userInfo.shopType == 3 || userInfo.shopType == 4">
						<image src="/static/fwxm01.png" @click="fabuClick(8)" />
						<p>服务项目</p>
					</view>
					<view class="fzView" v-if="userInfo.isShop == 1 && userInfo.shopType != 3 && userInfo.shopType != 4
						">
						<image src="/static/zscx01.png" @click="fabuClick(10)" />
						<p>在售车系</p>
					</view>
					<view class="fzView">
						<image src="/static/byq01.png" @click="fabuClick(7)" />
						<p>帮友圈</p>
					</view>
					<view class="fzView" v-if="userInfo.isShop == 1">
						<image src="/static/2house-info.png" @click="fabuClick(3)" />
						<p>公司资料</p>
					</view>
					<view class="fzView" v-if="userInfo.isShop == '1'">
						<image src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png" @click="fabuClick(11)" />
						<p>招全职</p>
					</view>
					<view class="fzView" v-if="userInfo.isShop == '1'">
						<image src="https://pic.bangbangtongcheng.com/static/bbzc/postPartTime.png" @click="fabuClick(12)" />
						<p>招兼职</p>
					</view>
				</template>
				<template v-else>
					<view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
						<image src="https://pic.bangbangtongcheng.com/static/fabu_c.png" @click="fabuClick(1)" />
						<p>卖房</p>
					</view>
					<view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
						<image src="https://pic.bangbangtongcheng.com/static/fabu_z.png" @click="fabuClick(2)" />
						<p>租房</p>
					</view>
					<view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
						<image src="/static/mc01.png" @click="fabuClick(9)" />
						<p>卖车</p>
					</view>
					<view class="fzView">
						<image src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png" @click="fabuClick(11)" />
						<p>招全职</p>
					</view>
					<view class="fzView">
						<image src="https://pic.bangbangtongcheng.com/static/bbzc/postPartTime.png" @click="fabuClick(12)" />
						<p>招兼职</p>
					</view>
					<view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus != 1">
						<image src="https://pic.bangbangtongcheng.com/static/bbzc/writeResume.png" @click="fabuClick(13)" />
						<p>写简历</p>
					</view>
					<view class="fzView">
						<image src="/static/byq01.png" @click="fabuClick(7)" />
						<p>帮友圈</p>
					</view>
					<view class="fzView" v-if="userInfo.enterpriseRecruitmentStatus == 1">
						<image src="/static/2house-info.png" @click="fabuClick(3)" />
						<p>公司资料</p>
					</view>
				</template>
				<view class="show" @click="fabu_guan">
					<image style="width: 100%; height: 100%" src="https://pic.bangbangtongcheng.com/static/guanbi.png">
					</image>
				</view>
			</view>
		</view>
		<view-tabbar :selected="4" ref="viewTabbar"></view-tabbar>
		<uniBall ref="uniBall"></uniBall>
	</view>
</template>

<script>
import {
	mapGetters
} from "vuex";
//#ifdef H5
import wxshare from "@/utils/index.js";
//#endif
import Tabbar from "@/components/tabbar.vue";
// import './index.css'
export default {
	data() {
		return {
			inReview: false, // 是否有审核内容
			starLevel: 4,
			imgUrl: this.$imgSrc,
			published: false,
			phone: "",
			userInfo: uni.getStorageSync("Pduser"),
			tipsList: [],
			userInfo1: {
				openid: "",
				headimgurl: "",
				nickname: "",
				unionid: ""
			},
			autoStatus: true,
			system: '',
			platform: '',
			vipData: {},
			// 判断是"普通用户还是商家，还是经纪人"
			userChage: 3,
			colors: [{
				bgColor: "#E9EFEF",
				wordColor: "#60807D",
				lineColor: "#B6C4C3",
				level: "青铜会员"
			},
			{
				bgColor: "#F7F7F7",
				wordColor: "#A3AAB0",
				lineColor: "#D2D9E0",
				level: "白银会员"
			},
			{
				bgColor: "#FFF8DE",
				wordColor: "#CEAB21",
				lineColor: "#D3CAB2",
				level: "黄金会员"
			},
			{
				bgColor: "#EDFAFF",
				wordColor: "#59B0E6",
				lineColor: "#BBD0DB",
				level: "铂金会员"
			},
			{
				bgColor: "#F2F5FF",
				wordColor: "#284EB6",
				lineColor: "#C1CBEF",
				level: "钻石会员"
			},
			{
				bgColor: "#FDF7FF",
				wordColor: "#A877C6",
				lineColor: "#DBC6E8",
				level: "钻石Ⅰ会员"
			},
			{
				bgColor: "#F8F2FF",
				wordColor: "#78439F",
				lineColor: "#958AC3",
				level: "钻石Ⅱ会员"
			},
			{
				bgColor: "#F4F2F2",
				wordColor: "#8D4581",
				lineColor: "#907B8C",
				level: "钻石Ⅲ会员"
			},
			{
				bgColor: "#F4F2F2",
				wordColor: "#502E30",
				lineColor: "#795D5E",
				level: "王者会员"
			},
			],
			levelList: [{
				name: "青铜",
				img: 'https://pic.bangbangtongcheng.com/static/qt01.png'
			}, {
				name: "白银",
				img: 'https://pic.bangbangtongcheng.com/static/by01.png'
			}, {
				name: "黄金",
				img: 'https://pic.bangbangtongcheng.com/static/hj01.png'
			}, {
				name: "铂金",
				img: 'https://pic.bangbangtongcheng.com/static/bj01.png'
			}, {
				name: "钻石",
				img: 'https://pic.bangbangtongcheng.com/static/zs01.png'
			}, {
				name: "钻石I",
				img: 'https://pic.bangbangtongcheng.com/static/zsI01.png'
			}, {
				name: "钻石II",
				img: 'https://pic.bangbangtongcheng.com/static/zsII01.png'
			}, {
				name: "钻石III",
				img: 'https://pic.bangbangtongcheng.com/static/zsIII01.png'
			}, {
				name: "王者",
				img: 'https://pic.bangbangtongcheng.com/static/wz01.png'
			},],
			xzqbList: [],
			myHomepage: [{
				id: 1,
				name: "我的主页",
				imgUrl: "https://pic.bangbangtongcheng.com/static/bbcz/wdxh/wdzy01.png",
			},
			{
				id: 19,
				name: "帮帮安巢",
				imgUrl: "https://pic.bangbangtongcheng.com/static/bbcz/wdxh/bbac01.png",
			},
			{
				id: 20,
				name: "帮帮车主",
				imgUrl: "https://pic.bangbangtongcheng.com/static/bbcz/wdxh/bbcz01.png",
			},
			{
				id: 21,
				name: "帮帮招才",
				imgUrl: "https://pic.bangbangtongcheng.com/static/bbcz/wdxh/bbzc01.png",
			},
			],
			storeApprove: false,
			brokerApprove: false,
			convencid: uni.getStorageSync("convencid") ? uni.getStorageSync("convencid") : '',
			likeWidth: '',
			scrollLeft: 0,
			newtest: 0,
			fabuZbc: false,
			chainMsg: {},
			chainCarMsg: {},
		};
	},
	components: {
		"view-tabbar": Tabbar
	},
	onLoad(opts) {
		this.phone = this.userInfo.phone;
		this.published = opts.published;
		uni.hideTabBar();
		// this.getVip()
		// #ifdef H5
		this.jinzhi();
		this.userInfo = uni.getStorageSync("Pduser");
		// #endif
		this.getTips();
		uni.getSystemInfo({
			success: (res) => {
				this.system = res.system.substring(4, 6);
				this.platform = res.platform
			},
			fail: (err) => { },
			complete: () => { }
		})

		/* 个人用户点开人才简历 需要认证点击去认证展开弹窗 */
		if (opts.showPopup === 'enterprise') {
			this.renzheng(1);
		}
		// setTimeout(() => {
		// 	this.$refs.bindsAdd.open()
		// }, 1000);
	},
	onReady() {

	},
	onShow(opts) {
		this.userInfo = uni.getStorageSync("Pduser");
		this.myBeFondOf()
		this.phone = this.userInfo.phone;
		console.log("onShow", this.userInfo)
		this.setManage()
		if (this.phone) {
			this.getUserPhone();
			this.$nextTick(() => {
				this.$refs.viewTabbar.fnc()
			})
		}
		let that = this
		this.$nextTick(() => {
			uni.createSelectorQuery().in(this).select('.likeRef').fields({
				size: true
			}, res => {
				that.likeWidth = res.width
				that.newtests()
			}).exec()
		})
		this.$nextTick(() => {
			this.$refs.uniBall.getData()
		})
	},
	mounted() {

	},
	computed: {
		newzuo() {
			let width = (this.likeWidth / 4) * (this.xzqbList.length + 1)
			return this.scrollLeft / width
		},
		...mapGetters(["statusBarHeight1", "userinfo"])
	},
	methods: {
		showShop() {
			this.$refs.bindsAdd.close()
			uni.setStorageSync('chainMsg', this.chainMsg)
			uni.navigateTo({
				url: '/pages_my/allHousingShow?type=none&id=' + this.chainMsg.shop.id
			})
		},
		showShopCar() {
			this.$refs.bindsAddCar.close()
			uni.setStorageSync('chainMsg', this.chainCarMsg)
			uni.navigateTo({
				url: '/pages_my/allOptionsShow?type=none&id=' + this.chainCarMsg.distributor.id
			})
		},
		getShopMsg() {
			this.$myRequest.get("/api/mobile/public/questionAddChain", {
				shopId: this.userInfo.shopId,
				bussType: "1",
			}).then(res => {
				console.log(res);
				if (res.chainMsg.length != 0) {
					this.chainMsg = res.chainMsg[0]
					this.$refs.bindsAdd.open()
				}
			});
		},
		getCarMsg() {
			this.$myRequest.get("/api/mobile/public/questionAddChain", {
				shopId: this.userInfo.shopId,
				bussType: "2",
			}).then(res => {
				if (res.chainMsg.length != 0) {
					this.chainCarMsg = res.chainMsg[0]
					this.$refs.bindsAddCar.open()
				}
			});
		},
		shopCancel(type) {
			if (type == 1) {
				this.$myRequest.post("/api/mobile/public/auditChainStores", {
					id: this.chainMsg.id,
					status: "2",
				}).then(res => {
					uni.showToast({
						title: res.msg,
						icon: 'none',
						mask: true
					})
					this.$refs.bindsAdd.close()
				});
			} else {
				this.$myRequest.post("/api/mobile/public/auditChainStores", {
					id: this.chainCarMsg.id,
					status: "2",
				}).then(res => {
					uni.showToast({
						title: res.msg,
						icon: 'none',
						mask: true
					})
					this.$refs.bindsAddCar.close()
				});
			}
		},
		shopSuccess(type) {
			if (type == 1) {
				this.$myRequest.post("/api/mobile/public/auditChainStores", {
					id: this.chainMsg.id,
					status: "1",
				}).then(res => {
					uni.showToast({
						title: res.msg,
						icon: 'none',
						mask: true
					})
					this.$refs.bindsAdd.close()
				});
			} else {
				this.$myRequest.post("/api/mobile/public/auditChainStores", {
					id: this.chainCarMsg.id,
					status: "1",
				}).then(res => {
					uni.showToast({
						title: res.msg,
						icon: 'none',
						mask: true
					})
					this.$refs.bindsAddCar.close()
				});
			}
		},
		bindsAddClose() {
			this.$refs.bindsAdd.close()
		},
		bindsAddCarClose() {
			this.$refs.bindsAddCar.close()
		},
		activity() {

			if (!this.userInfo.phone) {
				uni.showToast({
					title: "请先登录",
					icon: "none",
					mask: true
				});
				return;
			}
			uni.navigateTo({
				url: "/pages_my/activity",
			});
		},
		fabuClick(num) {
			if (!this.userInfo.phone) {
				uni.showToast({
					title: "请登录",
					icon: "none",
					mask: true,
				});
				return;
			}
			if (num == 1) {
				uni.navigateTo({
					url: "/pages_houses/housing/salesType",
				});
			} else if (num == 2) {
				// uni.navigateTo({
				// 	url: "/pages_release/tenement",
				// });
				uni.navigateTo({
					url: "/pages_houses/housing/salesType?fromType=" + 'tenement',
				});
			} else if (num == 3) {
				uni.navigateTo({
					url: "/pages_release/sellingInfomation?identify=1",
				});
			} else if (num == 4) {
				uni.navigateTo({
					url: "/pages_release/sellingInfomation?identify=2",
				});
			} else if (num == 5) {
				if (!this.userInfo.buildingsId) {
					uni.showToast({
						title: '您还未发布楼盘，请前往PC端发布楼盘！',
						icon: "none",
						mask: true
					});
					return
				}
				uni.navigateTo({
					url: "/pages_release/sellingInfomation?identify=3",
				});
			} else if (num == 6) {
				uni.navigateTo({
					url: "/pages_release/sellingInfomation?identify=4",
				});
			} else if (num == 7) {
				uni.navigateTo({
					url: "/pages_owner/release/releaseFriends",
				});
			} else if (num == 8) {
				uni.navigateTo({
					url: "/pages_owner/release/servicesAvailable",
				});
			} else if (num == 9) {
				uni.navigateTo({
					url: "/pages_owner/release/sellCar",
				});
			} else if (num == 10) {
				uni.navigateTo({
					url: "/pages_owner/release/saleCarSeries",
				});
			} else if (num == 11) {
				uni.navigateTo({
					url: "/pages_recruitMoney/publish/publishFullTime",
				});
			} else if (num == 12) {
				if (this.userInfo.businessType == 0 && this.userInfo.enterpriseRecruitmentStatus == 0) {
					// businessType = 0&& enterpriseRecruitmentStatus == 0为普通用户，businessType = 0 && enterpriseRecruitmentStatus == 1为企业
					this.$myRequest
						.get("/api/mobile/personnelOwner/getPersonalAuthenticationByUserId", {
							userId: this.userInfo.id,
						})
						.then((res) => {
							if (res.code === 200) {
								if (res.personalCertification && (res.personalCertification.auditStatus === '0' || res
									.personalCertification.auditStatus === '2')) {
									uni.navigateTo({
										url: "/pages_recruitMoney/my/certificationInformation"
									});
								} else {
									uni.navigateTo({
										url: "/pages_recruitMoney/publish/publishConcurrently",
									});
								}
							}
						});

				} else {
					uni.navigateTo({
						url: "/pages_recruitMoney/publish/publishConcurrently",
					});
				}
			} else if (num == 13) {
				uni.navigateTo({
					url: "/pages_recruitMoney/publish/writeResume",
				});
			}
			this.fabuZbc = false;
		},
		fabu_guan() {
			this.fabuZbc = false;
		},
		// 查询是否有未待审核数据
		setManage() {
			let that = this;
			if (this.userInfo.isShop != 1) {
				return
			}
			if (this.userInfo.businessType == 1) {
				this.$myRequest.get("/mob/user/getAgentInfoList", {
					pageSize: "999",
					pageNo: "1",
					shopId: this.userInfo.shopId
				}).then(res => {
					res.page.list.forEach(v => {
						if (v.status == 0) {
							this.$refs.binds.open()
							return
						}
					})
				});
			} else {
				this.$myRequest.get("/api/mobile/vehicleOwner/getMySalesConsultantManagement", {
					pageSize: "999",
					pageNo: "1",
					userId: this.userInfo.id,
					storeId: this.userInfo.shopId,
				}).then(res => {
					res.salesConsultantManagement.pageList.forEach(v => {
						if (v.auditStatus == 3) {
							this.$refs.binds.open()
							return
						}
					})
				});
			}
		},
		jcbdCancel() {
			this.$refs.binds.close()
		},
		confirmReceipt() {
			if (this.userInfo.businessType == 1) {
				uni.navigateTo({
					url: "/pages_my/regulatorBroker"
				});
			} else {
				uni.navigateTo({
					url: "/pages_owner/my/managementBroker"
				});
			}
			this.jcbdCancel()
		},
		newtests() {
			let width = (this.likeWidth / 4) * (this.xzqbList.length + 4)
			this.newtest = this.likeWidth / width
		},
		scroll(e) {
			this.scrollLeft = e.detail.scrollLeft
		},
		// 获取我的喜好数据
		myBeFondOf() {
			let arr = []
			let xarr = []
			arr = uni.getStorageSync("whatLike")
			if (arr) {
				arr.forEach(v => {
					if (v.sign) {
						xarr.push(v)
					}
				})
			}
			this.xzqbList = xarr
		},
		storeApproveClose() {
			this.storeApprove = false
		},
		brokerApproveClose() {
			this.$refs.binds_jjrrz.close()
			// this.brokerApprove=false
		},
		grxxdeail() {
			uni.navigateTo({
				url: "/pages_my/set"
			});
		},
		storeApproveSeek(index) {
			if (this.inReview) {
				this.storeApprove = false;
				uni.showToast({
					title: '当前已有认证审核中，请耐心等候！',
					icon: "none",
					mask: true
				});
				return;
			}
			if (index == 1) {
				uni.navigateTo({
					url: "/pages_my/enter_merchant"
				});
			} else if (index == 2) {
				uni.navigateTo({
					url: "/pages_owner/my/shopCertification"
				});
			} else {
				uni.navigateTo({
					url: "/pages_recruitMoney/my/shopCertification"
				});
			}
			this.storeApproveClose()
		},
		brokerApprovSeek(index) {
			if (index == 1) {
				let url = "/pages_my/enterBroker";
				if (this.userInfo.shopId) {
					url = url + "?shopId=" + this.userInfo.shopId;
				}
				uni.navigateTo({
					url
				});
			} else {
				let url = "/pages_owner/my/certificationBroker";
				if (this.userInfo.shopId) {
					url = url + "?shopId=" + this.userInfo.shopId;
				}
				uni.navigateTo({
					url
				});
			}
			this.brokerApproveClose()
		},
		// 获取会员数据
		getVip() {
			this.$myRequest
				.post("/mob/iteration/getClubInfo", {
					userId: this.userInfo.id
				}).then(res => {
					this.vipData = res.userInfo;
				})
		},

		// 点击会员
		goMyLevel() {
			uni.navigateTo({
				url: "/pages_my/bangClub"
			})
		},
		beFondOfClick() {
			uni.navigateTo({
				url: "/pages_owner/my/beFondOf"
			})
		},
		managementClick(num) {
			if (!this.userInfo.phone && num != 11) {
				uni.showToast({
					title: "请先登录",
					icon: "none",
					mask: true
				});
				return;
			}
			if (num == 1) {
				uni.navigateTo({
					url: "/pages_my/myIssue"
				});
			} else if (num == 2) {
				uni.navigateTo({
					url: "/pages_my/czcollect"
				});
			} else if (num == 3) {
				uni.navigateTo({
					url: "/pages_my/historyRecord"
				});
			} else if (num == 4) {
				uni.navigateTo({
					url: "/pages_owner/my/doorSeen"
				});
			} else if (num == 5) {
				uni.navigateTo({
					url: "/pages_my/report"
				});
			} else if (num == 6) {
				if (this.userInfo.businessType == 1) {
					uni.navigateTo({
						url: "/pages_my/allHousing"
					});
				} else {
					uni.navigateTo({
						url: "/pages_owner/my/allOptions"
					});
				}
			} else if (num == 7) {
				// 判断是车主还是房源
				if (this.userInfo.businessType == 1) {
					uni.navigateTo({
						url: "/pages_my/regulatorBroker"
					});
				} else {
					uni.navigateTo({
						url: "/pages_owner/my/managementBroker"
					});
				}
			} else if (num == 8) {
				uni.navigateTo({
					url: "/pages_my/problem"
				});
			} else if (num == 9) {
				uni.navigateTo({
					url: "/pages_owner/my/commissionRental"
				});
			} else if (num == 10) {
				uni.navigateTo({
					url: "/pages_owner/my/entrust?index=" + this.userInfo.businessType
				});
			} else if (num == 11) {
				uni.navigateTo({
					url: "/pages_my/bangClub"
				})
			} else if (num == 12) {
				uni.navigateTo({
					url: "/pages_owner/carMember/employeeManagement"
				});
			} else if (num == 13) {
				uni.navigateTo({
					url: "/pages_recruitMoney/my/recruitmentManagement"
				});
			}
		},
		tiaozhuan(num, index) {
			console.log(num, index)
			if (!this.userInfo.phone && num != 2) {
				uni.showToast({
					title: "请先登录",
					icon: "none",
					mask: true
				});
				return;
			}
			if (num == 1) {
				uni.navigateTo({
					url: "/pages_my/contrast"
				});
			} else if (num == 2) {
				uni.navigateTo({
					url: "/pages_my/tool"
				});
			} else if (num == 3) {
				uni.navigateTo({
					url: "/pages_owner/my/commissionRental"
				});
			} else if (num == 4) {
				uni.navigateTo({
					url: "/pages_owner/my/commissionAssessment"
				});
			} else if (num == 5) {
				if (index == 0) {
					if (this.userInfo.businessType == 1 && this.userInfo.shopType == 2 && this.userInfo.isShop == 1) {
						if (!this.userInfo.buildingsId) {
							uni.showToast({
								title: '该商家还未发布楼盘！',
								icon: "none",
								mask: true
							});
							return
						}
						uni.navigateTo({
							url: "/pages_houses/houses/housesDetails?id=" + this.userInfo.buildingsId,
						})
						return
					}
					if (this.userInfo.businessType == 0 && this.userInfo.enterpriseRecruitmentStatus == 1) {
						uni.navigateTo({
							url: "/pages_recruitMoney/recruitmentDetails/companyDetails?userId=" + this.userInfo.id,
						})
						return
					}
					uni.navigateTo({
						url: "/pages_owner/dealer/goldConsultant?type=my&userId=" + this.userInfo.id,
					})
				} else if (index == 1) {
					uni.navigateTo({
						url: "/pages_index/bigIndex",
					})
				} else if (index == 2) {
					uni.navigateTo({
						url: "/pages_owner/index/index",
					})
				} else if (index == 3) {
					uni.navigateTo({
						url: "/pages_recruitMoney/index/index",
					})
				}
			}
		},
		tiaozhuans(item) {
			if (item.id == 2) {
				// 地图找车
				uni.navigateTo({
					// #ifdef APP
					url: "/pages/mapFind/Map"
						//#endif
						// #ifndef APP
						url: "/pages_mapFind/mapHouse"
					//#endif
				});
			} else if (item.id == 3) {
				uni.navigateTo({
					// #ifdef APP
					url: "/pages/index/Map",
					//#endif
					// #ifndef APP
					url: "/pages_index/mapHouse"
					//#endif
				});
			} else if (item.id == 24) {
				uni.navigateTo({
					// #ifdef APP
					url: "/pages/zcMapFind/Map",
					//#endif
					// #ifndef APP
					url: "/pages_mapFind/zcMapHouse"
					//#endif
				});
			} else if (item.id == 26 || item.id == 28) {
				uni.switchTab({
					url: item.path
				});
			} else if (item.id == 27) {
				this.fabuZbc = true
			} else {
				uni.navigateTo({
					url: item.path
				});
			}
		},
		renzheng(num) {
			if (!this.userInfo.phone) {
				uni.showToast({
					title: "请先登录",
					icon: "none",
					mask: true
				});
				return;
			}
			if (num == 1) {
				this.storeApprove = true
			} else if (num == 2) { } else if (num == 3) {
				// this.brokerApprove=true
				this.$refs.binds_jjrrz.open()
			} else if (num == 4) {
				uni.navigateTo({
					url: "/pages_my/personage"
				});
			} else if (num == 5) {
				uni.navigateTo({
					url: "/pages_my/shareHouse"
				});
			} else if (num == 6) {
				uni.navigateTo({
					url: "/pages_owner/my/personalOptions"
				});
			} else if (num == 7) {
				uni.navigateTo({
					url: "/pages_my/shareVehicle"
				});
			}
		},
		geren() {
			uni.navigateTo({
				url: "/pages_my/details"
			});
		},
		getTips() {
			let that = this;
			this.$myRequest
				.get("/mob/home/getTipsInfo", {})
				.then(res => {
					this.tipsList = res.page.list;
				});
		},
		// 跳转昵称
		modify() {
			if (!this.userInfo.phone) {
				uni.showToast({
					title: "请先登录",
					icon: "none",
					mask: true
				});
				return;
			}
			uni.navigateTo({
				url: "/pages_my/modify?type=1"
			});
		},
		set() {
			if (!this.userInfo.phone) {
				uni.showToast({
					title: "请先登录",
					icon: "none",
					mask: true
				});
				return;
			}
			uni.navigateTo({
				url: "/pages_my/set"
			});
		},
		setting() {
			// if (!this.userInfo.phone) {
			// 	uni.showToast({
			// 		title: "请先登录",
			// 		icon: "none",
			// 		mask: true
			// 	});
			// 	return;
			// }
			uni.navigateTo({
				url: "/pages_my/setting"
			});
		},
		geren() {
			uni.navigateTo({
				url: "/pages_my/details"
			});
		},

		wxlogin() {
			uni.login({
				provider: "weixin",
				success: res => {
					this.$myRequest
						.get("/mob/login/getOpenId", {
							code: res.code,
						})
						.then(res => {
							this.userInfo1.openid = res.unionid;
							this.userInfo1.xOpenid = res.openId;
							uni.setStorageSync("sessionKey", res.sessionkey);
							uni.setStorageSync("userInfo", JSON.stringify(this.userInfo1));
							uni.navigateTo({
								url: "/pages/login/phoneLogin"
							});
							// this.getUser();
						});
				},
				fail: error => {
					console.log(error)
				}
			});
		},

		getuserinfo() {
			this.wxlogin();
		},
		getUser() {
			let that = this;
			this.$myRequest
				.get("/mob/login/getUserByWXOpenId", {
					openId: this.userInfo1.openid,
					convencid: this.convencid
				})
				.then(res => {
					this.userInfo = res.userInfo;
					uni.setStorageSync("userInfo", JSON.stringify(this.userInfo1));
					if (res.userInfo == {} || !res.userInfo.phone) {
						uni.showToast({
							title: "未绑定手机号，前往绑定手机号",
							icon: "none",
							mask: true
						});
						setTimeout(function () {
							uni.navigateTo({
								url: "/pages/login/phoneLogin"
							});
						}, 1500);
					} else {
						uni.setStorageSync("Pduser", res.userInfo);
						that.$store.dispatch("user/login", res.userInfo);
					}
				});
		},
		getUserPhone() {
			console.log("234")
			let that = this;
			// this.phone = this.userInfo.phone
			this.$myRequest
				.get("/mob/login/getUserInfoByPhone", {
					phone: this.phone
				})
				.then(res => {
					this.userInfo = res.userInfo;
					if (this.userInfo.isShop == 1) {
						this.getShopMsg()
						this.getCarMsg()
					}
					uni.setStorageSync("Pduser", res.userInfo);
					that.$store.dispatch("user/login", res.userInfo);
					this.$myRequest
						.get("/api/mobile/personnelOwner/getAuditingPersonalCertificationByUserId", {
							userId: this.userInfo.id,
						})
						.then(res => {
							console.log(res);
							this.inReview = res.whetherHave;
							console.log('是否有审核', this.inReview);
						});
				});
		},
		jinzhi() {
			let _this = this;
			let param = window.location.href.split("#")[0];
			uni.request({
				method: "post",
				data: {
					url: param
				},
				header: {
					"content-type": "application/x-www-form-urlencoded"
				},
				url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
				success(re) {
					_this.jinzhifx(re.data);
				}
			});
		},
		jinzhifx(data) {
			wxshare.config({
				debug: false, //是否打开调试
				appId: data.appId, // 公众号的唯一标识
				timestamp: data.timestamp, // 生成签名的时间戳
				nonceStr: data.nonce, // ，生成签名的随机串
				signature: data.signature, // 签名
				jsApiList: ["hideMenuItems"]
			});
			// 禁止分享
			wxshare.hideMenuItems({
				// 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
				menuList: [
					"menuItem:share:appMessage",
					"menuItem:share:timeline",
					"menuItem:share:timeline",
					"menuItem:share:qq",
					"menuItem:favorite",
					"menuItem:share:QZone",
					"menuItem:openWithSafari"
				]
			});
		},
		login() {
			//#ifdef H5
			this.getuniID();
			//#endif
			uni.navigateTo({
				url: "/pages/login/login"
			});
		},
		getuniID() {
			let userInfo = uni.getStorageSync("userInfo");
			if (!userInfo.openid) {
				return false;
			}
			let that = this;
			this.$myRequest
				.get("/mob/login/getUserByWXOpenId", {
					openId: userInfo.openid,
					convencid: this.convencid
				})
				.then(res => {
					this.userInfo = res.userInfo;
					if (!res.userInfo.phone) {
						if (res.userInfo == {} || !res.userInfo.phone) {
							// uni.showToast({
							// 	title: "请绑定手机号",
							// 	icon: "none",
							// 	mask: true
							// });
							setTimeout(function () { }, 1500);
							uni.navigateTo({
								url: "/pages/login/binding"
							});
						}
					} else {
						uni.setStorageSync("Pduser", res.userInfo);
						that.$store.dispatch("user/login", res.userInfo);
						setTimeout(function () {
							uni.navigateBack({
								delta: 1
							});
						}, 500);
					}
				});
		},
		tipslist() {
			uni.navigateTo({
				url: "/pages_my/tipsList"
			});
		},
		tipsDetail(id) {
			uni.navigateTo({
				url: "/pages_my/tipsDetail?id=" + id
			});
		},
		submitlogin() {
			let that = this
			uni.login({ //正式登录，弹出授权窗
				provider: 'univerify',
				univerifyStyle: { // 自定义登录框样式
					"fullScreen": true, // 是否全屏显示，true表示全屏模式，false表示非全屏模式，默认值为false。
					"backgroundColor": "#ffffff", // 授权页面背景颜色，默认值：#ffffff
					"icon": {
						"path": "/static/logo.png" // 自定义显示在授权框中的logo，仅支持本地图片 默认显示App logo
					},
					"phoneNum": {
						"color": "#2281F5", // 手机号文字颜色 默认值：#000000
					},
					"authButton": {
						"normalColor": "#64b6a8", // 授权按钮正常状态背景颜色 默认值：#3479f5
						"highlightColor": "#64b6a8", // 授权按钮按下状态背景颜色 默认值：#2861c5（仅ios支持）
						"disabledColor": "#64b6a8", // 授权按钮不可点击时背景颜色 默认值：#73aaf5（仅ios支持）
						"textColor": "#ffffff", // 授权按钮文字颜色 默认值：#ffffff
						"title": "本机号码一键登录" // 授权按钮文案 默认值：“本机号码一键登录”
					},
					"otherLoginButton": {
						"visible": false, // 是否显示其他登录按钮，默认值：true
					},
					"privacyTerms": {
						"defaultCheckBoxState": true, // 条款勾选框初始状态 默认值： true
						"uncheckedImage": "", // 可选 条款勾选框未选中状态图片（仅支持本地图片 建议尺寸 24x24px）(3.2.0+ 版本支持)
						"checkedImage": "", // 可选 条款勾选框选中状态图片（仅支持本地图片 建议尺寸24x24px）(3.2.0+ 版本支持)
						"checkBoxSize": 12, // 可选 条款勾选框大小，仅android支持
						"textColor": "#666666", // 文字颜色 默认值：#BBBBBB
						"termsColor": "#64B6A8", //  协议文字颜色 默认值： #5496E3
						"prefix": "已阅读并同意", // 条款前的文案 默认值：“我已阅读并同意”
						"suffix": " ", // 条款后的文案 默认值：“并使用本机号码登录”
						"privacyItems": [ // 自定义协议条款，最大支持2个，需要同时设置url和title. 否则不生效
							{
								"url": "https://bangbangtongcheng.com/agreement.html", // 点击跳转的协议详情页面
								"title": "帮帮同城隐私协议" // 协议名称
							},
							{
								"url": "https://bangbangtongcheng.com/agreement2.html", // 点击跳转的协议详情页面
								"title": "帮帮同城用户协议" // 协议名称
							}
						]
					},
					"buttons": { // 自定义页面下方按钮仅全屏模式生效（3.1.14+ 版本支持）
						"iconWidth": "45px", // 图标宽度（高度等比例缩放） 默认值：45px
						"list": [{
							"provider": "phone",
							"iconPath": "/static/phone.png" // 图标路径仅支持本地图片
						},
						{
							"provider": "weixin",
							"iconPath": "/static/wx.png" // 图标路径仅支持本地图片
						},
						{
							"provider": "apple",
							"iconPath": "/static/apple.png" // 图标路径仅支持本地图片
						},
						{
							"provider": "Alipay",
							"iconPath": "/static/Alipay.png" // 图标路径仅支持本地图片
						}
						]
					}
				},
				success(res) { // 正式登录成功
					console.log(res.authResult); // {openid:'登录授权唯一标识',access_token:'接口返回的 token'}

					// 在得到access_token后，通过callfunction调用云函数
					uniCloud.callFunction({
						name: 'uni-getPhone', // 云函数名称
						data: { //传给云函数的参数
							'access_token': res.authResult.access_token, // 客户端一键登录接口返回的access_token
							'openid': res.authResult.openid // 客户端一键登录接口返回的openid
						},
						success(callRes) {
							// console.log('调用云函数成功' + JSON.stringify(callRes))
							console.log("手机号登陆" + callRes.result.phoneNumber)
							that.$myRequest.post("/mob/login/phoneOneClickLogin", {
								phone: callRes.result.phoneNumber
							}).then(res => {
								console.log("手机号登陆结果:" + res)
								uni.setStorageSync("Pduser", res.userInfo);
								that.$store.dispatch("user/login", res.userInfo);
								setTimeout(function () {
									that.userInfo = uni.getStorageSync("Pduser");
									that.phone = that.userInfo.phone;
									if (that.phone) {
										that.getUserPhone();
										// that.$nextTick(()=>{
										that.$refs.viewTabbar.fnc()
										uni.hideLoading()
										// })
									}
								}, 500);
								uni.closeAuthView() //关闭授权登录界面
							});
						},
						fail(callErr) {
							uni.showToast({
								title: '授权失败',
								icon: "none",
								mask: true
							});
							console.log('调用云函数出错' + callErr)
							uni.closeAuthView() //关闭授权登录界面
						},
					})
				},
				fail(err) { // 正式登录失败
					if (err.provider == 'phone') {
						uni.navigateTo({
							url: "/pages/login/login"
						});
					} else if (err.provider == 'weixin') {
						that.handleThirdLoginApp()
						return
					} else if (err.provider == 'apple') {
						that.appleLogin()
						return
					} else if (err.provider == 'Alipay') {
						that.alipayLogin()
						return
					}
				}
			})
		},
		// 支付宝登录
		alipayLogin() {
			let that = this;
			const plug = uni.requireNativePlugin("Html5app-AlipayAuth");
			if (that.platform == 'ios' || that.platform == 'IOS') {
				plug.login({
					"appid": "2021003144632733",
					"urlscheme": "convenAlilogin"
				}, ret => {
					if (ret.code == 0) {
						console.log(ret.result.auth_code, '-------');
						let auth_code = ret.result.auth_code
						that.$myRequest
							.get("/mob/login/aliLogin", {
								code: auth_code,
							})
							.then((res) => {
								console.log(res);
								if (res.userInfo.phone) {
									uni.showLoading({
										title: '登录中...'
									})
									uni.setStorageSync("Pduser", res.userInfo);
									that.$store.dispatch("user/login", res.userInfo);
									setTimeout(function () {
										that.userInfo = uni.getStorageSync("Pduser");
										that.phone = that.userInfo.phone;
										if (that.phone) {
											that.getUserPhone();
											// that.$nextTick(()=>{
											that.$refs.viewTabbar.fnc()
											uni.hideLoading()
											// })
										}
									}, 500);
								} else {
									let userInfo = {
										nickname: res.userInfo.nikeName,
										headimgurl: res.userInfo.image,
										zfbOpenid: res.userInfo.zfbOpenid,
									};
									uni.setStorageSync("userInfo", JSON.stringify(userInfo));
									uni.showToast({
										title: "未绑定手机号，前往绑定手机号",
										icon: "none",
										mask: true,
									});
									setTimeout(function () {
										uni.navigateTo({
											url: "/pages/login/binding"
										});
									}, 1500);
								}
							});
					} else {
						uni.showToast({
							title: '授权失败',
							icon: "none",
							mask: true
						});
					}
				});
			} else {
				plug.login({
					"appid": "2021003144632733"
				}, ret => {
					if (ret.code == 0) {
						console.log(ret.result.auth_code, '-------');
						let auth_code = ret.result.auth_code
						that.$myRequest
							.get("/mob/login/aliLogin", {
								code: auth_code,
							})
							.then((res) => {
								console.log(res);
								if (res.userInfo.phone) {
									uni.showLoading({
										title: '登录中...'
									})
									uni.setStorageSync("Pduser", res.userInfo);
									that.$store.dispatch("user/login", res.userInfo);
									setTimeout(function () {
										that.userInfo = uni.getStorageSync("Pduser");
										that.phone = that.userInfo.phone;
										if (that.phone) {
											that.getUserPhone();
											// that.$nextTick(()=>{
											that.$refs.viewTabbar.fnc()
											uni.hideLoading()
											// })
										}
									}, 500);
								} else {
									let userInfo = {
										nickname: res.userInfo.nikeName,
										headimgurl: res.userInfo.image,
										zfbOpenid: res.userInfo.zfbOpenid,
									};
									uni.setStorageSync("userInfo", JSON.stringify(userInfo));
									uni.showToast({
										title: "未绑定手机号，前往绑定手机号",
										icon: "none",
										mask: true,
									});
									setTimeout(function () {
										uni.navigateTo({
											url: "/pages/login/binding"
										});
									}, 1500);
								}
							});
					} else {
						uni.showToast({
							title: '授权失败',
							icon: "none",
							mask: true
						});
					}
				});
			}
		},
		submitAndroid() {
			let that = this
			uni.login({ //正式登录，弹出授权窗
				provider: 'univerify',
				univerifyStyle: { // 自定义登录框样式
					"fullScreen": true, // 是否全屏显示，true表示全屏模式，false表示非全屏模式，默认值为false。
					"backgroundColor": "#ffffff", // 授权页面背景颜色，默认值：#ffffff
					"icon": {
						"path": "/static/logo.png" // 自定义显示在授权框中的logo，仅支持本地图片 默认显示App logo
					},
					"phoneNum": {
						"color": "#2281F5", // 手机号文字颜色 默认值：#000000
					},
					"authButton": {
						"normalColor": "#64b6a8", // 授权按钮正常状态背景颜色 默认值：#3479f5
						"highlightColor": "#64b6a8", // 授权按钮按下状态背景颜色 默认值：#2861c5（仅ios支持）
						"disabledColor": "#64b6a8", // 授权按钮不可点击时背景颜色 默认值：#73aaf5（仅ios支持）
						"textColor": "#ffffff", // 授权按钮文字颜色 默认值：#ffffff
						"title": "本机号码一键登录" // 授权按钮文案 默认值：“本机号码一键登录”
					},
					"otherLoginButton": {
						"visible": false, // 是否显示其他登录按钮，默认值：true
					},
					"privacyTerms": {
						"defaultCheckBoxState": true, // 条款勾选框初始状态 默认值： true
						"uncheckedImage": "", // 可选 条款勾选框未选中状态图片（仅支持本地图片 建议尺寸 24x24px）(3.2.0+ 版本支持)
						"checkedImage": "", // 可选 条款勾选框选中状态图片（仅支持本地图片 建议尺寸24x24px）(3.2.0+ 版本支持)
						"checkBoxSize": 12, // 可选 条款勾选框大小，仅android支持
						"textColor": "#666666", // 文字颜色 默认值：#BBBBBB
						"termsColor": "#64B6A8", //  协议文字颜色 默认值： #5496E3
						"prefix": "已阅读并同意", // 条款前的文案 默认值：“我已阅读并同意”
						"suffix": " ", // 条款后的文案 默认值：“并使用本机号码登录”
						"privacyItems": [ // 自定义协议条款，最大支持2个，需要同时设置url和title. 否则不生效
							{
								"url": "https://bangbangtongcheng.com/agreement.html", // 点击跳转的协议详情页面
								"title": "帮帮同城隐私协议" // 协议名称
							},
							{
								"url": "https://bangbangtongcheng.com/agreement2.html", // 点击跳转的协议详情页面
								"title": "帮帮同城用户协议" // 协议名称
							}
						]
					},
					"buttons": { // 自定义页面下方按钮仅全屏模式生效（3.1.14+ 版本支持）
						"iconWidth": "45px", // 图标宽度（高度等比例缩放） 默认值：45px
						"list": [{
							"provider": "phone",
							"iconPath": "/static/phone.png" // 图标路径仅支持本地图片
						},
						{
							"provider": "weixin",
							"iconPath": "/static/wx.png" // 图标路径仅支持本地图片
						},
						{
							"provider": "Alipay",
							"iconPath": "/static/Alipay.png" // 图标路径仅支持本地图片
						}
						]
					}
				},
				success(res) { // 正式登录成功
					console.log(res.authResult); // {openid:'登录授权唯一标识',access_token:'接口返回的 token'}

					// 在得到access_token后，通过callfunction调用云函数
					uniCloud.callFunction({
						name: 'uni-getPhone', // 云函数名称
						data: { //传给云函数的参数
							'access_token': res.authResult.access_token, // 客户端一键登录接口返回的access_token
							'openid': res.authResult.openid // 客户端一键登录接口返回的openid
						},
						success(callRes) {
							// console.log('调用云函数成功' + JSON.stringify(callRes))
							console.log("手机号登陆" + callRes.result.phoneNumber)
							that.$myRequest.post("/mob/login/phoneOneClickLogin", {
								phone: callRes.result.phoneNumber
							}).then(res => {
								console.log("手机号登陆结果:" + res)
								uni.setStorageSync("Pduser", res.userInfo);
								that.$store.dispatch("user/login", res.userInfo);
								setTimeout(function () {
									that.userInfo = uni.getStorageSync("Pduser");
									that.phone = that.userInfo.phone;
									if (that.phone) {
										that.getUserPhone();
										// that.$nextTick(()=>{
										that.$refs.viewTabbar.fnc()
										uni.hideLoading()
										// })
									}
								}, 500);
								uni.closeAuthView() //关闭授权登录界面
							});
						},
						fail(callErr) {
							uni.showToast({
								title: '授权失败',
								icon: "none",
								mask: true
							});
							console.log('调用云函数出错' + callErr)
						},
					})
				},
				fail(err) { // 正式登录失败
					if (err.provider == 'phone') {
						uni.navigateTo({
							url: "/pages/login/login"
						});
					} else if (err.provider == 'weixin') {
						that.handleThirdLoginApp()
						return
					} else if (err.provider == 'Alipay') {
						that.alipayLogin()
						return
					}
				}
			})
		},
		handleThirdLoginApp() {
			console.log("App微信拉起授权");
			var that = this;
			uni.getProvider({
				service: "oauth",
				success: function (res) {
					console.log(res.provider); //支持微信、qq和微博等
					if (res.provider.indexOf("weixin")) {
						uni.login({
							provider: "weixin",
							success: function (loginRes) {
								console.log("App微信获取用户信息成功", loginRes);
								that.getApploginData(loginRes); //请求登录接口方法
							},
							fail: function (res) {
								console.log("App微信获取用户信息失败", res);
								uni.showToast({
									title: "测试环境，无法使用",
									icon: "none"
								});
							}
						});
					}
				}
			});
		},
		appleLogin() {
			console.log('苹果登录')
			var that = this;
			// 判断是 iOS13版本
			uni.login({
				provider: 'apple',
				success: (loginRes) => {
					uni.getUserInfo({
						provider: 'apple',
						success: (userInfoRes) => {
							console.log(userInfoRes);
							let data = userInfoRes.userInfo;
							let userInfo = {
								openid: data.openId,
								headimgurl: '',
								nickname: '苹果用户'
							};
							uni.setStorageSync("userInfo", JSON.stringify(userInfo));
							// console.log("aaaaaaa");
							that.getunis();
						},
						fail: (err) => {
							console.log(err);
						}
					})
				},
				fail: (err) => {
					console.log(err);
				}
			})
		},
		getApploginData(data) {
			var that = this;
			//这边是前端自己去调微信用户信息的接口，根据接口需要请求，如果不需要前端去获取的话就交给后端，可省去次操作
			uni.request({
				url: "https://api.weixin.qq.com/sns/userinfo?access_token=" +
					data.authResult.access_token +
					"&openid=" +
					data.authResult.openid,
				method: "GET",
				dataType: "json",
				header: {
					"content-type": "application/x-www-form-urlencoded" // 默认值
				},
				success(res) {
					console.log("【登录回调啾啾啾】", res);
					let data = res.data;
					let userInfo = {
						openid: data.unionid,
						headimgurl: data.headimgurl,
						nickname: data.nickname
					};
					uni.setStorageSync("userInfo", JSON.stringify(userInfo));
					// console.log("aaaaaaa");
					that.getunis();
				},
				fail() { }
			});
		},
		getunis() {
			let that = this;
			let userInfo = JSON.parse(uni.getStorageSync("userInfo"));
			console.log("openid是:", userInfo.openid);
			this.$myRequest
				.get("/mob/login/getUserByWXOpenId", {
					openId: userInfo.openid,
					convencid: this.convencid
				})
				.then(res => {
					console.log("获取的信息是:", res);
					this.userInfo = res.userInfo;
					if (!res.userInfo.phone) {
						if (res.userInfo == {} || !res.userInfo.phone) {
							uni.showToast({
								title: "请绑定手机号",
								icon: "none",
								mask: true
							});
							setTimeout(function () {
								uni.navigateTo({
									url: "/pages/login/binding"
								});
							}, 1500);
						}
					} else {
						uni.showLoading({
							title: '登录中...'
						})
						uni.setStorageSync("Pduser", res.userInfo);
						that.$store.dispatch("user/login", res.userInfo);
						setTimeout(function () {
							that.userInfo = uni.getStorageSync("Pduser");
							that.phone = that.userInfo.phone;
							if (that.phone) {
								that.getUserPhone();
								that.$refs.viewTabbar.fnc()
								uni.hideLoading()
							}
						}, 500);
					}
				});
		},
	}
};
</script>

<style lang="less" scoped>
.user-photo {
	flex-direction: column;
	align-items: center;
	margin: 0 22rpx 0 0;

	.label-box {
		div {
			position: relative;
			color: #ffffff;
			font-size: 22rpx;
			margin-top: 12rpx;

			image {
				width: 115rpx;
				height: 44rpx;
			}

			text {
				width: 100%;
				text-align: center;
				position: absolute;
				font-size: 22rpx;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -71%);
			}
		}
	}
}

.mapbuZbc {
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	z-index: 999999999;

	.mapView {
		padding: 0 28rpx;
	}

	view {
		display: inline-block;
		position: relative;
		margin-top: 75%;
		text-align: center;

		image {
			// width: 130rpx;
			// height: 130rpx;
			width: 120rpx;
			height: 120rpx;
		}

		p {
			width: 100%;
			// font-size: 40rpx;
			font-size: 35rpx;
			color: #fff;
			text-align: center;
			margin-top: 24rpx;
			white-space: nowrap;
		}
	}

	.show {
		position: absolute;
		width: 58rpx;
		height: 58rpx;
		left: 50%;
		transform: translateX(-43%);
		top: 270rpx;
	}
}

.user-label {
	display: flex;
	justify-content: space-between;

	.vip-label {
		.vip-level {
			margin-bottom: 22rpx;

			.vip-rank {
				padding: 3rpx 10rpx;
				margin: 0 18rpx 0 0;
				background: #f6f0ff;
				border-radius: 6rpx 6rpx 6rpx 6rpx;
				opacity: 1;
				border: 2rpx solid #bd90d9;
				font-size: 24rpx;
				font-weight: 500;
				color: #bd90d9;
				text-align: center;
			}

			.all-dot {}
		}

		.star-vip {
			display: flex;
			align-items: center;
			width: 438rpx;
			justify-content: space-between;

			view {
				image {
					width: 35rpx;
					height: 35rpx;
				}
			}
		}
	}
}

.box {
	width: 100%;
	min-height: 100vh;
	background-color: #f2f2f2;
	padding-bottom: 185rpx;
	background-image: url(https://pic.bangbangtongcheng.com/static/my_background_image.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.list {
	position: relative;
	width: 690rpx;
	height: 80rpx;
	margin-left: 30rpx;
	background-color: #f2f2f2;
	border-radius: 10rpx;
	margin-top: 24rpx;

	.p1 {
		position: absolute;
		width: 410rpx;
		top: 22rpx;
		left: 30rpx;
		color: #666666;
		font-size: 26rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.p2 {
		position: absolute;
		top: 22rpx;
		right: 30rpx;
		font-size: 24rpx;
		color: #999;
	}
}

.kapian {
	width: 100%;

	.li {
		position: relative;
		display: inline-block;
		width: 330rpx;
		height: 150rpx;
		margin-left: 30rpx;
		// border: 2px solid #fff;
		border-radius: 20rpx;

		image {
			width: 100%;
			height: 100%;
		}

		p {
			position: absolute;
			top: 54rpx;
			left: 30rpx;
			color: #fff;
			font-size: 30rpx;
		}
	}
}

.tit {
	margin-top: 20rpx;

	p {
		display: inline-block;
	}

	.p1 {
		font-size: 32rpx;
		margin-left: 30rpx;
	}

	.p2 {
		width: 92rpx;
		height: 46rpx;
		line-height: 48rpx;
		background: #e0e0e0;
		border-radius: 24rpx;
		text-align: center;
		margin-left: 470rpx;
		font-size: 22rpx;
	}
}

.info {
	position: absolute;
	right: 30rpx;
	bottom: 6rpx;
	width: 160rpx;
	height: 60rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24rpx;
	border-radius: 30rpx;
	color: #64b6a8;
	background-color: #fff;
	// margin-left: 60rpx;
	/* #ifdef MP-WEIXIN */
	// padding: 0rpx 10rpx;
	// margin-left: 100rpx;
	/* #endif */
}

.top1 {
	width: 100%;
	// padding-bottom: 50rpx;

	.title {
		text-align: center;
		height: 88rpx;
		line-height: 88rpx;
		font-size: 36rpx;
		color: #fff;
		margin-bottom: 30rpx;
		// line-height: 46rpx;
	}

	line-height: 32rpx;

	.userInfo {
		display: flex;
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
		position: relative;
		margin-bottom: 30rpx;

		.header-img {
			width: 120rpx;
			height: 120rpx;
			border-radius: 50%;
		}

		.user {
			justify-content: space-between;
			padding-top: 11rpx;
			padding: 11rpx 0 0 0;
			background: transparent;
			border: none;
			margin: 0;
			// margin-left: 45rpx;
			/* #ifdef MP-WEIXIN */
			// margin-left: 45rpx;
			/* #endif */

			.name {
				position: relative;
				color: #fff;
				margin-bottom: 14rpx;

				.user-name {
					width: 400rpx;
					font-size: 34rpx;
					line-height: 50rpx;
					margin-bottom: 33rpx;
				}

				.user-names {
					font-size: 34rpx;
					line-height: 50rpx;
					margin-bottom: 33rpx;
					// overflow: hidden;
					// white-space:nowrap;
					display: flex;
					align-items: center;

					.image {
						width: 44rpx;
						height: 44rpx;
						margin-left: 10rpx;
					}
				}

				.info {
					position: relative;
					right: 0rpx;
					width: 160rpx;
					font-size: 24rpx;
					padding: 5rpx 20rpx;
					border-radius: 100rpx;
					border: 2rpx solid #fff;
					text-align: center;
					// margin-left: 60rpx;
					/* #ifdef MP-WEIXIN */
					// font-size: 24rpx;
					// padding: 0rpx 10rpx;
					// border-radius: 100rpx;
					// border: 2rpx solid #fff;
					// text-align: center;
					// margin-left: 100rpx;
					/* #endif */
				}
			}

			.tag {
				display: flex;

				.tag-child {
					width: 120rpx;
					height: 44rpx;
					line-height: 44rpx;
					text-align: center;
					background: url(https://pic.bangbangtongcheng.com/static/my/tag.png) no-repeat;
					background-size: 100% 100%;
					// align-items: center;
					// justify-content: center;
					// display: flex;
					margin-right: 20rpx;
					color: #fff;
					font-size: 22rpx;
				}
			}
		}

		.user::after {
			border: none;
		}

		.set {
			width: 50rpx;
			height: 50rpx;
			position: absolute;
			top: -30%;
			// #ifdef MP-WEIXIN
			left: 60rpx;
			// #endif
			// #ifndef MP-WEIXIN
			right: 20px;
			// #endif
			transform: translateY(-50%);
			margin-bottom: 50px;
		}

		.activity {
			width: 198rpx;
			height: 83rpx;
			top: 100rpx;
			right: 0;
			position: absolute;
		}
	}
}

.beFondOf {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 46rpx;
	margin-bottom: 10rpx;

	.beFondOf_right {
		margin-right: 35rpx;
		display: flex;
		align-items: center;

		.beFondOf_right_span {
			font-size: 26rpx;
			color: #fff;
		}

		.beFondOf_right_img {
			width: 40rpx;
			height: 32rpx;
		}
	}
}

.management_title {
	display: flex;
	align-items: center;
	height: 46rpx;
	margin-left: 50rpx;
	margin-bottom: 10rpx;

	.management_title_left {
		width: 4rpx;
		height: 26rpx;
		background-color: #ffffff;
		border-radius: 5rpx;
		margin-right: 15rpx;
	}

	.management_title_right {
		font-size: 32rpx;
		font-weight: 500;
		color: #ffffff;
	}
}

.function {
	background: #fff;
	width: 690rpx;
	margin: 0 auto;
	border-radius: 20rpx;
	box-shadow: 0px 3rpx 6rpx rgba(102, 102, 102, 0.17);
	padding: 24rpx 20rpx;
	padding-top: 60rpx;
	position: relative;

	.bbhy_xs {
		display: flex;
		align-items: center;

		.image {
			width: 52rpx;
			height: 47rpx;
			margin-right: 20rpx;
		}

		.vip-rank {
			padding: 3rpx 10rpx;
			margin: 0 18rpx 0 0;
			background: #f6f0ff;
			border-radius: 6rpx 6rpx 6rpx 6rpx;
			opacity: 1;
			border: 2rpx solid #bd90d9;
			font-size: 24rpx;
			font-weight: 500;
			color: #bd90d9;
			margin-right: 20rpx;
			text-align: center;
		}

		.accumulativeTotal {
			padding-left: 20rpx;
			border-left: 1px solid #f0f0f0;

			.total {
				font-size: 26rpx;
				font-weight: 500;
				color: #64b6a8;

				span {
					font-size: 24rpx;
					color: #666;
				}
			}

			.surplus {
				font-size: 26rpx;
				font-weight: 500;
				color: #64b6a8;

				span {
					font-size: 24rpx;
					color: #666;
				}
			}
		}
	}

	.myManagement {
		position: absolute;
		left: 0;
		top: 0;
		background: linear-gradient(317deg, #8bd3c7 0%, #2ca28d 100%);
		border-radius: 20rpx 0px 20rpx 0px;
		font-size: 30rpx;
		font-weight: 500;
		color: #ffffff;
		padding: 8rpx 16rpx;
	}

	.function_top {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.function_top_xh {
			background: linear-gradient(317deg, #8bd3c7 0%, #2ca28d 100%);
			border-radius: 20rpx 0px 20rpx 0px;
			font-size: 30rpx;
			font-weight: 500;
			color: #ffffff;
			padding: 8rpx 16rpx;
		}

		.function_top_zdy {
			margin-right: 35rpx;
			display: flex;
			align-items: center;

			.function_top_zdy_span {
				font-size: 26rpx;
				color: #666666;
			}

			.function_top_zdy_img {
				width: 40rpx;
				height: 32rpx;
			}
		}
	}

	.flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.blockzbq {
		width: 25%;
		text-align: center;
		font-size: 24rpx;
		padding: 6rpx 0;

		image {
			width: 70rpx;
			height: 70rpx;
		}
	}

	.block {
		text-align: center;
		font-size: 24rpx;
		padding: 6rpx 0;

		image {
			width: 70rpx;
			height: 70rpx;
		}
	}

	.xh_block {
		width: 25%;
		flex-shrink: 0;
	}
}

.slidBar {
	width: 120rpx;
	height: 8rpx;
	border-radius: 4rpx;
	background-color: #f0f0f0;
	margin: 0 auto;
	display: flex;

	.zishen {
		height: 8rpx;
		border-radius: 4rpx;
		background-color: #64b6a8;
	}
}

.binds_frame {
	width: 600rpx;
	background-color: #ffffff;
	border-radius: 10rpx;
	text-align: center;

	.binds_frame_t {
		font-size: 36rpx;
		font-weight: 550;
		color: #000000;
		padding: 0 46rpx;
		padding-top: 36rpx;
	}

	.binds_frame_c {
		width: 500rpx;
		margin: 0 auto;
		font-size: 30rpx;
		font-weight: 400;
		color: #64b6a8;
		margin-top: 30rpx;
		margin-bottom: 50rpx;
	}

	.binds_frame_b {
		display: flex;
		align-items: center;
		justify-content: space-between;

		.cancel {
			flex: 1;
			height: 90rpx;
			border: 1px solid #eee;
			border-radius: 10rpx 0 0 10rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30rpx;
			font-weight: 400;
			color: #000;
		}

		.determine {
			flex: 1;
			height: 90rpx;
			border: 1px solid #eee;
			border-radius: 0 10rpx 10rpx 0;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30rpx;
			font-weight: 400;
			color: #007aff;
		}
	}
}

.binds_jjrrz {
	width: 600rpx;
	background-color: #ffffff;
	border-radius: 10rpx;
	padding: 40rpx 40rpx 30rpx 40rpx;

	.title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20rpx;

		.title_left {
			display: flex;
			align-items: center;

			.title_left_image {
				width: 40rpx;
				height: 40rpx;
				margin-right: 10rpx;
			}

			.title_left_span {
				font-size: 30rpx;
				font-weight: 500;
				color: #333333;
			}
		}

		.title_image {
			width: 28rpx;
			height: 28rpx;
		}
	}

	.tips {
		font-size: 30rpx;
		font-weight: 400;
		color: #888888;
		margin-bottom: 20rpx;
	}

	.centers {
		display: flex;
		align-items: center;
		justify-content: space-around;

		.centers_item {
			display: flex;
			flex-direction: column;
			align-items: center;
			font-size: 30rpx;
			font-weight: 400;
			color: #333333;

			.image {
				width: 120rpx;
				height: 120rpx;
				margin-bottom: 20rpx;
			}
		}
	}
}

.fabuZbc {
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 999999999;

	.fabuZbc_sj {
		width: 100%;
		position: absolute;
		top: 40%;
		left: 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;

		.fzView {
			width: 25%;
			text-align: center;
			margin-top: 20rpx;

			image {
				width: 120rpx;
				height: 120rpx;
			}

			p {
				width: 100%;
				font-size: 35rpx;
				color: #fff;
				text-align: center;
				margin-top: 24rpx;
				white-space: nowrap;
			}
		}

		.show {
			position: absolute;
			width: 58rpx;
			height: 58rpx;
			left: 50%;
			transform: translateX(-50%);
			bottom: -100rpx;
		}
	}
}

.window {
	width: 600rpx;
	background: #fff;
	border-radius: 10rpx;
	padding-top: 32rpx;
	position: relative;
	overflow: hidden;

	.window_top {
		margin: 0 30rpx;
	}

	.window_title {
		color: #3d3d3d;
		font-size: 30rpx;
		line-height: 30rpx;
		text-align: center;
		margin-bottom: 30rpx;
	}

	.window_close {
		width: 40rpx;
		height: 40rpx;
		top: 20rpx;
		right: 20rpx;
		position: absolute;
	}

	.window_text {
		margin-bottom: 20rpx;
		font-size: 28rpx;
		color: #3d3d3d;
	}

	.text_widnow {
		padding: 16rpx;
		min-height: 160rpx;
		background: #f2f2f2;
		border-radius: 10rpx;
		opacity: 1;
		font-size: 24rpx;
		line-height: 34rpx;
		margin-bottom: 20rpx;
	}

	.show {
		text-align: right;
		font-size: 24rpx;
		color: #64b6a8;
		line-height: 34rpx;
		padding-bottom: 20rpx;
	}

	.window_btn_box {
		display: flex;

		.window_btn {
			width: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 90rpx;
			background: #f2f2f2;
			font-size: 30rpx;
		}

		.window_btn1 {
			color: #fff;
			background: #64b6a8;
		}
	}
}
</style>